<style lang="scss">
.imgs{
  width: 680rpx;
  padding:  20rpx 35rpx;
  flex-wrap: wrap;
}
.img{
  width: 200rpx;
  height: 200rpx;
  margin-right: 10px;
  margin-bottom: 10px;
  .add{
    border:1px solid #ebedf0;
    width: 196rpx;
    height: 196rpx;
    padding-top: 32px;
    box-sizing: border-box;
  }
}

.new-ul{
  padding: 20rpx;
  .new-li{
    width: 100%;
    padding: 8px 0;
    justify-content: space-between;
    .l{
      flex: 1;
      .title{
        color: #222222;
      }
      .create_at{
        color: #06A1FB;
      }
    }
    .r{
      width: 220rpx;
      .thumb{
        width: 200rpx;
        height: 134rpx;
        margin: 0 auto;
        border-radius: 5%;
      }
    }

  }
}
</style>
<template>

<div class="page-wrap">
  <navigator url="/pages/common/gather" class="m-15">
    <button type="primary" size="large">立即上传</button>
  </navigator>

  <view class="fun-container new-ul bg-white" v-if="lists.length>0" >

    <view class="fun-container-item new-li flex fz-14"  v-for="(item,idx) in lists" :key="idx">
      <view class="l">
        <view class="title m-b-8 fz-16">{{item.title}}</view>
        <view class="create_at fz-12">{{item.create_at}}</view>
      </view>
      <view class="r">
        <image class="thumb" :src="item.pic" mode="scaleToFill"   />
      </view>
    </view>

  </view>
</div>

</template>
<script>
import { pageMixin } from '@/mixins'
import { upSceneInfo } from '@/api'
import { Exception } from '@/common/Exception'

export default {
  mixins: [pageMixin],
  data () {
    return {
      lists: []
    }
  },
  methods: {
    async _init_func () {
      this.lists = await upSceneInfo({ action: 'get' }, { tip: '获取上传列表' }).then(res => res.data).catch(err => Exception.handle(err))
    }
  },
  onShow () {
    this._init_func()
  },
  onLoad (options) {

  }
}
</script>
